#progress {
    background: white;
    padding:0 20px;
    .top{
        display: flex;
        height:72px;
        align-items: center;
        >div:first-child{
            display: flex;
            >li{
                display: flex;
                align-items: center;
                margin-right: 30px;
                >span{
                    white-space: nowrap;
                }
                .search{
                    background: #ffb700;
                    color:white;
                    width:80px;
                    height:30px;
                    line-height: 100%;
                    border:none;
                }
            }
        }
    }
    .content{
        display: flex;
        padding: 30px 36px;
        >li{
            flex:1;
            margin-right:32px;
            &:last-child{
                margin-right:0;
            }
           
            .main{
                background: #f5f5f3;
                height:265px;
                display: flex;
                flex-direction: column;
                align-items: center;
                h2{
                    line-height: 100px;
                }
                .typeData{
                    font-size: 14px;
                    line-height: 30px;
                    >li{                        
                        span:first-child{
                            width:70px;
                            display: inline-block;
                            text-align: right;
                        }
                    }
                }
                
            }
            .sign1,.sign2{
                height:200px;
                background: #ffb700;
                display: flex;
                align-items: center;
                justify-content: center;         
                .iconfont{
                    font-size: 56px;
                    color:white;
                    border:3px solid white;
                    border-radius: 50%;
                    display: inline-block;
                    width:116px;
                    height: 116px;
                    display: flex;
                    align-items: center;
                    justify-content: center;   
                    animation: move 5s ease 1 alternate;
                }
            }
            .sign2{
                background: #a4a4a2;
            }
            &:hover .iconfont{
                animation: move 10s linear infinite alternate;
            }
        }
    }
}
@keyframes move{
    from{
        transform:rotateY(0deg) rotateX(0deg) rotateZ(0deg);
    }
    50%{
        color:#a2a4a4;        
    }
    to{
        transform:rotateY(360deg) rotateX(360deg) rotateZ(360deg);
    }
}
